// @banner0: banner0;
// .@{banner0} {
//   // 如果在第一屏且导航位置为 relative, 一屏为 height: calc(~"100vh - 64px");
//   width: 100%;
//   height: 100vh;
//   position: relative;
//   text-align: center;
//   border-color: #666;
//   background-image: url("https://zos.alipayobjects.com/rmsportal/gGlUMYGEIvjDOOw.jpg");
//   background-size: cover;
//   background-attachment: fixed;
//   background-position: center;
//   & &-text-wrapper {
//     display: inline-block;
//     position: absolute;
//     top: 20%;
//     margin: auto;
//     left: 0;
//     right: 0;
//     font-size: 14px;
//     color: @template-text-color-light;
//     width: 550px;
//     >.queue-anim-leaving {
//       position: relative !important;
//     }
//   }
//   & &-title {
//     width: 350px;
//     left: 30px;
//     min-height: 60px;
//     margin: auto;
//     display: inline-block;
//     font-size: 40px;
//     position: relative;
//   }
//   & &-content {
//     margin-bottom: 20px;
//     word-wrap: break-word;
//     min-height: 24px;
//   }
//   & &-button {
//     border: 1px solid #fff;
//     color: #fff;
//     background: transparent;
//     box-shadow: 0 0 0 transparent;
//     font-size: 16px;
//     height: 40px;
//     transition: background .45s @ease-out, box-shadow .45s @ease-out;
//     &:hover {
//       color: #fff;
//       border-color: #fff;
//       background: rgba(255, 255, 255, 0.1);
//       box-shadow: 0 0 10px rgba(50, 250, 255, 0.75);
//     }
//     &:focus {
//       color: #fff;
//       border-color: #fff;
//     }
//     &.queue-anim-leaving {
//       width: auto;
//     }
//   }
//   & &-icon {
//     bottom: 20px;
//     font-size: 24px;
//     position: absolute;
//     left: 50%;
//     margin-left: -12px;
//     color: @template-text-color-light;
//   }
// }

// @media screen and (max-width: 767px) {
//   .@{banner0} {
//     background-attachment: inherit;
//     & &-text-wrapper {
//       width: 90%;
//     }
//     & &-title {
//       width: 90%;
//       left: 0;
//     }
//   }
// }
.banner-user{
  // height: 220px;
}
.banner-user-elem{
  text-align: center;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.banner-user-elem .banner-user-title{
  font-size: 32px;
  top: 40%;
}
.banner-user-elem .banner-user-text{
  top: 40%;
}
.banner-anim-elem .bg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;

background-size:100% 100%;
background-attachment:fixed;
}
.bg1{
  background: url('../../assets/banner1.jpg') no-repeat;
}
.bg2{
  background: url('../../assets/banner2.jpg') no-repeat;
}
.thumb{
  display: flex;
    justify-content: center;
    z-index: 1;
}
.thumbItem{
  margin: 5px;
  width: 15px;
  height: 15px;
  background-color: #838383;
  border-radius: 100%;
  border: 2px solid #838383;
  cursor: pointer;
  pointer-events: all;
}
.active{
  background-color: white;
}